/**
 * Copyright 2009 Life360 - http://life360.com 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except 
 * in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on 
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the 
 * specific language governing permissions and limitations under the License. 
 */

/**
 * Summary: Minimalistic styling for a gadget container, including rounding corners on a gadget
 *          using a technique that involves positioning an image spirte on the four corners.
 */
.gadgets-gadget-title-toggle-button {
    background-image : url('img/opened.png');
    background-repeat: no-repeat;
    width : 19px;
    height : 14px;
    display: block;
    float:left;
}

.gadgets-gadget-title-toggle-button-closed {
    background-image : url('img/closed.png');
}

.gadgets-gadget-title {
    color : #003CB4;
    font-weight : bold;
    font-family : Trebuchet MS, Trebuchet, Arial, Helvetica;
    float : left;
}

.gadgets-gadget-content {
  background: white;
  padding: 4px;

  /* For rounded corners */
  border: solid 2px #E5ECF9;
  border-style: none solid none solid;
}

.gadgets-gadget-title-button-bar {
    font-size: small;
}

.gadgets-gadget-title-settings-button {
    background-image : url('img/settings.png');
    background-repeat: no-repeat;
    width : 19px;
    height : 14px;
    display: block;
    float: right;
    position : relative;
    top : 2px;
}
.gadgets-gadget-title-settings-button-active {
    background-image : url('img/settingsActive.png');
}

.gadgets-gadget-title-settings-button-menu {
    width : 61px;
    height : 44px;
    position:absolute; 
    left : 339px;
    background-image : url('img/settingsMenu.png');
}

.gadgets-gadget-title-maximize-button {
    background-image : url('img/maximize.png');
    background-repeat: no-repeat;
    width : 19px;
    height : 14px;
    display: block;
    float: right;
    position : relative;
    top : 2px;
}

.gadgets-gadget-title-minimize-button {
    background-image : url('img/minimize.png');
    background-repeat: no-repeat;
    width : 19px;
    height : 14px;
    display: block;
    float: right;
    position : relative;
    top : 2px;
}

.gadgets-gadget {
  border: none;
}
.gadgets-gadget-title-bar {
  padding: 2px 4px;
  background-color: #e5ecf9;

  /* For rounded corners */
  width: auto;
  margin: 0px 6px;
}

.gadgets-gadget-chrome {
    /*May need to tweak for rounded corners to style properly*/
    font-family: Trebuchet, "Trebuchet MS", Arial;
    font-size: 10pt;
    margin: 4px;
}

/**
 * Most of the following style is for rounding out corners
 */

.gadgets-gadget-chrome .ft {
    width: auto;
    margin: 0px 6px;
    background: #ffffff;
    border-bottom: 2px solid #e5ecf9;
    height: 6px;
}

.gadgets-gadget-chrome .ft .bl {
    font-size : 0;
    position: absolute;
    left: -6px;
    bottom : -4px;
    width: 10px;
    height: 10px;
    background: transparent url('img/corners.png') no-repeat 0 -12px;
}
.gadgets-gadget-chrome .ft .br {
    font-size : 0;

    position: absolute;
    bottom : -4px;
    right: -7px;
    width: 10px;
    height: 10px;
    background: transparent url('img/corners.png') no-repeat -11px -12px;
}

.gadgets-gadget-chrome .hd,
.gadgets-gadget-chrome .ft {
    position: relative;
    font-size : 0;
}

.gadgets-gadget-chrome .hd .tl {
    position:absolute;
    top: 0px;
    left: 0px;
    height: 8px;
    width: 8px;
    background: transparent url('img/corners.png') no-repeat 0 0;

    font-size : 0;
}

.gadgets-gadget-chrome .hd .tlf {
    position: absolute;
    left: 0px;
    top: 8px;
    background: #e5ecf9;
    width: 8px;
    height: 12px;
}

.gadgets-gadget-chrome .hd .tr {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 8px;
    height: 8px;
    background: transparent url('img/corners.png') no-repeat -11px 0;

    font-size : 0;
}

.gadgets-gadget-chrome .hd .trf {
    position: absolute;
    right: 0px;
    top: 8px;
    background: #e5ecf9;
    width: 8px;
    height: 12px;
}

.gadgets-gadget-chrome .win .tlf,
.gadgets-gadget-chrome .win .trf {
    height: 14px;
}

.gadgets-gadget-chrome .webkit .tlf,
.gadgets-gadget-chrome .webkit .trf {
    height: 11px;
}

 /* Style the minimized footer*/
.gadgets-gadget-chrome .ft.minimized {
    height: 0px;
}
.gadgets-gadget-chrome .ft.minimized .bl {
    background: transparent url('img/cornersMinimized.png') no-repeat 0px -12px;
}
.gadgets-gadget-chrome .ft.minimized .br {
    background: transparent url('img/cornersMinimized.png') no-repeat -11px -12px;
}
